﻿//VARIABLES PARA LA PAGINACION BUSQUEDA MP
var IdCliente;
$(document).ready(main);


function main() {
    ejecutarPorDafault();
    ejecutarPorDafaultRegPropiedad();
    ejecutarPorDafaultRegPersona();
    ejecutarPorDafaultRegVendedor();

    $("#FechaInicioB").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#FechaFinB").datepicker({ dateFormat: 'dd/mm/yy' });

    $("#buscarPropiedadR").button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });
    $("#buscarPersonaR").button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });
    $("#buscarVendedorR").button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });

    $("#Fecha").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#Hora").timepicker();
    $("#Registrar").show();
    $("#registrar").click(mostrarFormRegistro);
    $("#botonRegistro").click(registrarCita);
    $("#Buscar").show();
    $("#modificar").click(mostrarFormBusqueda);
    $("#eliminar").click(mostrarFormBusqueda);
    $("#botonCancelar").click(menuCita);

    //$("#exportar").click(mostrarFormBusqueda);

    $("#botonBuscarB").click(buscarCita);
    $("#botonCancelarB").click(menuCita);

    $("#botonBuscarPropiedad").click(buscarCitaPropiedad);
    $("#botonCancelarPropiedad").click(mostrarFormRegistro);

    $("#botonBuscarPersona").click(buscarCitaPersona);
    $("#botonCancelarPersona").click(mostrarFormRegistro);

    $("#botonBuscarVendedor").click(buscarCitaVendedor);
    $("#botonCancelarVendedor").click(mostrarFormRegistro);

    $("#botonModificarB").hide();
    $("#botonEliminarB").hide();
    

    $("#RegTbxIdPersona").hide();
    $("#RegTbxIdVendedor").hide();

    $("#botonesSeleccion").hide();
}

function permite(elEvento, permitidos) {
    // Variables que definen los caracteres permitidos
    var numeros = "0123456789";
    var caracteres = " abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ";
    var hora = "0123456789:";
    var numeros_caracteres = numeros + caracteres;
    var teclas_especiales = [8, 37, 39, 46];
    // 8 = BackSpace, 46 = Supr, 37 = flecha izquierda, 39 = flecha derecha


    // Seleccionar los caracteres a partir del parámetro de la función
    switch (permitidos) {
        case 'num':
            permitidos = numeros;
            break;
        case 'car':
            permitidos = caracteres;
            break;
        case 'num_car':
            permitidos = numeros_caracteres;
            break;
        case 'hora':
            permitidos = hora;
            break;
    }

    // Obtener la tecla pulsada 
    var evento = elEvento || window.event;
    var codigoCaracter = evento.charCode || evento.keyCode;
    var caracter = String.fromCharCode(codigoCaracter);

    // Comprobar si la tecla pulsada es alguna de las teclas especiales
    // (teclas de borrado y flechas horizontales)
    var tecla_especial = false;
    for (var i in teclas_especiales) {
        if (codigoCaracter == teclas_especiales[i]) {
            tecla_especial = true;
            break;
        }
    }

    // Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
    // o si es una tecla especial
    return permitidos.indexOf(caracter) != -1 || tecla_especial;
}

function ejecutarPorDafaultRegPropiedad() {
    var direccion_propiedadB = $("#direccion_propiedad"),
            allFields = $([]).add(direccion_propiedadB),
            tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#dialog-formRegProp").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    var idPropiedad;
                    $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index2) {
                        switch (index2) {
                            case 1:
                                idPropiedad = $(this).text();
                                break;
                        }
                    })

                    //alert(idMantenible);
                    document.getElementById("IdPropiedad").value = idPropiedad;
                    //cargarMantenibles();
                    $(this).dialog("close");
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#buscarPropiedadR").click(function () {
        //ponerValoresACampos();
        //document.getElementById("nombresB").value = "hola";
        $("#dialog-formRegProp").dialog("open");
    });
}

function ejecutarPorDafaultRegPersona() {
    var nombre_personaB = $("#nombre_persona"),apellido_personaB = $("#apellido_persona"),
            allFields = $([]).add(nombre_personaB),
            allFields= allFields.add(apellido_personaB),
            tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#dialog-formRegPers").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    var RegTbxIdPersona,RegTbxIdPersonaV;
                    $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index2) {
                        switch (index2) {
                            case 1:
                                //RegTbxIdPersona = $(this).text();
                                IdCliente = $(this).text();
                                break;
                            case 2:
                                RegTbxIdPersonaV = $(this).text();
                                break;
                            case 3:
                                RegTbxIdPersonaV = RegTbxIdPersonaV + " " + $(this).text();
                                break;
                        }
                    })

                    //alert(    );
                    document.getElementById("RegTbxIdPersona").value = RegTbxIdPersona;
                    document.getElementById("RegTbxIdPersonaV").value = RegTbxIdPersonaV;
                    //cargarMantenibles();
                    $(this).dialog("close");
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#buscarPersonaR").click(function () {
        //ponerValoresACampos();
        //document.getElementById("nombresB").value = "hola";
        $("#dialog-formRegPers").dialog("open");
    });
}

function ejecutarPorDafaultRegVendedor() {//falta verificar
    var nombre_vendedorB = $("#nombre_vendedor"), apellido_vendedorB = $("#apellido_vendedor"),
            allFields = $([]).add(nombre_vendedorB),
            allFields = allFields.add(apellido_vendedorB),
            tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#dialog-formRegVend").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    var RegTbxIdVendedor, RegTbxIdVendedorV;
                    $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index2) {
                        switch (index2) {
                            case 1:
                                RegTbxIdVendedor = $(this).text();
                                break;
                            case 2:
                                RegTbxIdVendedorV = $(this).text();
                                break;
                            case 3:
                                RegTbxIdVendedorV = RegTbxIdVendedorV + " " + $(this).text();
                                break;
                        }
                    })

                    //alert(idMantenible);
                    document.getElementById("RegTbxIdVendedor").value = RegTbxIdVendedor;
                    document.getElementById("RegTbxIdVendedorV").value = RegTbxIdVendedorV;
                    //cargarMantenibles();
                    $(this).dialog("close");
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#buscarVendedorR").click(function () {
        //ponerValoresACampos();
        //document.getElementById("nombresB").value = "hola";
        $("#dialog-formRegVend").dialog("open");
    });
}


function buscarCitaPropiedad() {
    var enviar = {
        direccion: $("#direccion_propiedad").attr("value")
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarCitaPropiedad",
        beforeSend: esperarListaPropiedad(),
        success: llegadaListaPropiedad
    });
    $("#tablaDinamicaPropiedad").show();
    //$("#botonesSeleccion").show();
}

function buscarCitaPersona() {
    var enviar = {
        Nombres: $("#nombre_persona").attr("value"),
        Apellidos: $("#apellido_persona").attr("value")
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarCitaPersona",
        beforeSend: esperarListaPersona(),
        success: llegadaListaPersona
    });
    $("#tablaDinamicaPersona").show();
    //$("#botonesSeleccion").show();
}

function buscarCitaVendedor() {
    var enviar = {
        Nombres: $("#nombre_vendedor").attr("value"),
        Apellidos: $("#apellido_vendedor").attr("value")
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarCitaVendedor",
        beforeSend: esperarListaVendedor(),
        success: llegadaListaVendedor
    });
    $("#tablaDinamicaVendedor").show();
    //$("#botonesSeleccion").show();
}


function esperarListaPropiedad() { }
function llegadaListaPropiedad(data) {
    var lista = data.listaCita; //si se cambia esto cambia elerror
    //alert("llegadaListaPropiedad");
    if ((lista + "").length > 0) {
        var escritor = "";

        escritor += "<table id='resultadosPropiedad'><thead><tr><th></th><th>Id Propiedad</th><th>Direccion</th><th>Area</th><th>Precio</th></tr></thead>";

        escritor += '<tbody id="RPropiedad">';
        //alert("llegue hasta aqui?");
        $.each(lista, function (i, item) {
            escritor += "<tr>";
            //se puede poner otros botones

            escritor += '<td><input id="RadioButton1" name="R1" type="radio" value="2" style="width:30px;" /></td>';
            escritor += '<td>' + item.IdPropiedad + '</td>';
            escritor += '<td>' + item.direccion + '</td>';
            escritor += '<td>' + item.area + '</td>';
            escritor += '<td>' + item.precio + '</td>';
            escritor += "</tr>";
        });
        escritor += "</tbody>";

        escritor += "</table>";
        //$("#NavPosicionBP").show();
        $("#tablaDinamicaPropiedad").html(escritor);
        //PARTE EXCLUSIVA PARA LA PAGINACION
//        setearValores('resultadosPropiedad', 3);
//        init();
//        showPageNav('pager', 'NavPosicionBP');
//        showPage(1);
        //FALTA PONER LA VALIDACIÓN

        $("#holderRCPro").jPages({//id del div de la paginacion
            containerID: "RPropiedad", //cuerpo es el id del tbody de mi tabla
            perPage: 10, // numero de filas por pagina
            delay: 20,
            startPage: 1, // pagina que se visualizara en la pantalla
            midRange: 3, // rango de numeros de pagina q se muestran en el div de paginacion, aqui es dond aparecen los puntos suspensivos: 1,2,3...10
            animation: "flipInY"
        });

    } else {

        escritor = "<p>No se encontró ninguna coincidencia</p>";
        $("#tablaDinamica").html(escritor);
        //$("#NavPosicionBP").hide();
        S("#holderRPCPro").hide();
    }
}

function esperarListaPersona() { }
function llegadaListaPersona(data) {
    var lista = data.listaCita; //si se cambia esto cambia elerror
    //alert("llegadaListaPersona");
    if ((lista + "").length > 0) {
        var escritor = "";

        escritor += "<table id='resultadosPersona'><thead><tr><th></th><th>IdCliente</th><th>Nombres</th><th>Apellido</th><th>NroDocumentoPersona</th></tr></thead>";

        escritor += '<tbody id="RPersona">';
        //alert("llegue hasta aqui?");
        $.each(lista, function (i, item) {
            escritor += "<tr>";
            //se puede poner otros botones

            escritor += '<td><input id="RadioButton1" name="R1" type="radio" value="2" style="width:30px;" /></td>';
            escritor += '<td>' + item.IdCliente + '</td>';
            escritor += '<td>' + item.Nombres + '</td>';
            escritor += '<td>' + item.Apellidos + '</td>';
            escritor += '<td>' + item.Dni + '</td>';
            escritor += "</tr>";
        });
        escritor += "</tbody>";

        escritor += "</table>";
        //$("#NavPosicionBPers").show();
        $("#tablaDinamicaPersona").html(escritor);
        //PARTE EXCLUSIVA PARA LA PAGINACION
//        setearValores('resultadosPersona', 3);
//        init();
//        showPageNav('pager', 'NavPosicionBPers');
//        showPage(1);
        $("#holderRCPer").jPages({//id del div de la paginacion
            containerID: "RPersona", //cuerpo es el id del tbody de mi tabla
            perPage: 10, // numero de filas por pagina
            delay: 20,
            startPage: 1, // pagina que se visualizara en la pantalla
            midRange: 3, // rango de numeros de pagina q se muestran en el div de paginacion, aqui es dond aparecen los puntos suspensivos: 1,2,3...10
            animation: "flipInY"
        });

    } else {

        escritor = "<p>No se encontró ninguna coincidencia</p>";
        $("#tablaDinamicaPersona").html(escritor);
        //$("#NavPosicionBPers").hide();
        $("#holderRPCPer").hide();
    }
}

function esperarListaVendedor() { }
function llegadaListaVendedor(data) {
    var lista = data.listaCita; //si se cambia esto cambia elerror
    //alert("llegadaListaPersona");
    if ((lista + "").length > 0) {
        var escritor = "";

        escritor += "<table id='resultadosVendedor'><thead><tr><th></th><th>IdPersona</th><th>Nombres</th><th>Apellido</th><th>NroDocumentoPersona</th></tr></thead>";

        escritor += '<tbody id="RVendedor">';
        //alert("llegue hasta aqui?");
        $.each(lista, function (i, item) {
            escritor += "<tr>";
            //se puede poner otros botones

            escritor += '<td><input id="RadioButton1" name="R1" type="radio" value="2" style="width:30px;" /></td>';
            escritor += '<td>' + item.IdPersona + '</td>';
            escritor += '<td>' + item.Nombres + '</td>';
            escritor += '<td>' + item.Apellidos + '</td>';
            escritor += '<td>' + item.NroDocumentoPersona + '</td>';
            escritor += "</tr>";
        });
        escritor += "</tbody>";

        escritor += "</table>";
        //$("#NavPosicionBVend").show();
        $("#tablaDinamicaVendedor").html(escritor);
        //PARTE EXCLUSIVA PARA LA PAGINACION
        //setearValores('resultadosVendedor', 3);
        //init();
        //showPageNav('pager', 'NavPosicionBVend');
        //showPage(1);
        $("#holderRCVen").jPages({//id del div de la paginacion
            containerID: "RVendedor", //cuerpo es el id del tbody de mi tabla
            perPage: 10, // numero de filas por pagina
            delay: 20,
            startPage: 1, // pagina que se visualizara en la pantalla
            midRange: 3, // rango de numeros de pagina q se muestran en el div de paginacion, aqui es dond aparecen los puntos suspensivos: 1,2,3...10
            animation: "flipInY"
        });

    } else {

        escritor = "<p>No se encontró ninguna coincidencia</p>";
        $("#tablaDinamicaVendedor").html(escritor);
        //$("#NavPosicionBVend").hide();
        $("#holderRPCVen").hide();

    }
}

function ejecutarPorDafault() {
    //alert("llega a ejecutar por dafault");
    var IdCitaB = $("#IdCitaB"),
            //IdPersonaB = $("#IdPersonaB"),
            //IdVendedorB = $("#IdVendedorB"),
            descripcionB = $("#descripcionB"),
            fechaB = $("#fechaB"),
            horaB = $("#horaB"),
            direccionB = $("#direccionB"),
            //allFields = $([]).add(IdCitaB).add(IdPersonaB).add(IdVendedorB).add(descripcionB).add(fechaB).add(horaB).add(DuracionEstimadaB),
            allFields = $([]).add(IdCitaB).add(descripcionB).add(fechaB).add(horaB).add(direccionB),
            tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#dialog-form").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    //SE MODIFICA
                    var enviar = {
                        IdCita: document.getElementById("IdCitaB").value,
//                        IdPersona: document.getElementById("IdPersonaB").value,
//                        IdVendedor: document.getElementById("IdVendedorB").value,
                        Descripcion: document.getElementById("descripcionB").value,
                        FechaAtencionCita: document.getElementById("fechaB").value,
                        HoraPactada: document.getElementById("horaB").value,
                        DireccionEncuentro: document.getElementById("direccionB").value
                    }

                    var jsonData = JSON.stringify(enviar);

                    $.ajax({
                        type: "POST",
                        data: jsonData,
                        dataType: "json",
                        contentType: "application/json; charset=utf-8",
                        url: "modificarCita",
                        beforeSend: esperarModificar(),
                        success: llegadaModificar
                    });
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#botonModificarB").click(function () {
        ponerValoresACampos();
        //document.getElementById("nombresB").value = "hola";

    });

//time
//    var mdate = new Date();
//    mdate.setHours(15);
//    mdate.setMinutes(0);
//    var spinner1 = new TimeSpinner($("#Hora"));

}
function ponerValoresACampos() {
    if ($("input:radio[name='R1']:checked").is(":checked")) {
        //var campo0, tIdCita, tdescripcion,tlugar,testado,tIdPropiedad, tIdPersona, tIdVendedor, tfecha, thora, tDuracionEstimada;
        var campo0, tNombreCliente, tNombreVendedor, tFechaAtencionCita, tHoraPactada, tDireccionEncuentro, tDescripcion, tIdCita;
        $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index) {
            switch (index) {
                case 0:
                    campo0 = $(this).text();
                    break;
                //                case 1:      
                //                    tIdCita = $(this).text();      
                //                    break;      
                //                case 2:      
                //                    tdescripcion = $(this).text();      
                //                    break;      
                //                case 3:      
                //                    tlugar = $(this).text();      
                //                    break;      
                //                case 4:      
                //                    tfecha = $(this).text();                          
                //                    break;      
                //                case 5:      
                //                    thora = $(this).text();      
                //                    break;      
                //                case 6:      
                //                    testado = $(this).text();      
                //                    break;      
                //                case 7:      
                //                    tDuracionEstimada = $(this).text();      
                //                    break;      
                //                case 8:      
                //                    tIdPropiedad = $(this).text();      
                //                    break;      
                //                case 9:      
                //                    tIdPersona = $(this).text();      
                //                    break;      
                //                case 10:      
                //                    tIdVendedor = $(this).text();      
                //                    break;       
                case 1:
                    tNombreCliente = $(this).text();
                    break;
                case 2:
                    tNombreVendedor = $(this).text();
                    break;
                case 3:
                    tFechaAtencionCita = $(this).text();
                    break;
                case 4:
                    tHoraPactada = $(this).text();
                    break;
                case 5:
                    tDireccionEncuentro = $(this).text();
                    break;
                case 6:
                    tDescripcion = $(this).text();
                    break;
                case 7:
                    tIdCita = $(this).text();
                    break;

            }
        })

        //alert(campo1 + ' - ' + campo2 + ' - ' + campo3 + ' - ' + $("input:radio[name='R1']:checked").val());
        document.getElementById("IdCitaB").value = tIdCita;
//        document.getElementById("IdPersonaB").value = tIdPersona;
//        document.getElementById("IdVendedorB").value = tIdVendedor;
        document.getElementById("descripcionB").value = tDescripcion;
        document.getElementById("fechaB").value = tFechaAtencionCita;
        document.getElementById("horaB").value = tHoraPactada;
        document.getElementById("direccionB").value = tDireccionEncuentro;
        //document.getElementById("DuracionEstimadaB").value = tDuracionEstimada;

        //$(this).dialog("close");
        $("#dialog-form").dialog("open");
    }
    else {
        alert("Debe seleccionar una fila");
    }
}
function esperarModificar() {

}

function llegadaModificar(data) {
    //console.log(data);
    //alert(data.me);

    var lista = data.listaCita;


    var escritor = "";

    //dentro de la variable escritor vamos a meter todo lo que queremos mostrar en nuestro view

    //escritor += "<table><thead><tr><th></th><th>Id Consulta</th><th>Nro_Documento_cliente_web</th><th>Descripcion</th><th>Estado</th></tr></thead>";
    //escritor += "<table><thead><tr><th></th><th>Id Cita</th><th>Descripcion</th><th>NroDocumentoPersona</th><th>Nro_Documento_Vendedor</th><th>Fecha</th><th>Hora</th><th>Duracion Estimada</th></tr></thead>";
    //escritor += "<table id='resultados'>" +
    escritor += '<table id="tablaModificar">' +
                    "<thead>" +
                    "<tr>" +
                    "<th></th>" +
//                    "<th>Id Cita</th>" +
//                    "<th>Descripcion</th>" +
//                    "<th>Lugar</th>" +
//                    "<th>Fecha</th>" +
//                    "<th>Hora</th>" +
//                    "<th>Estado</th>" +
//                    "<th>Duracion Estimada</th>" +
//                    "<th>Id Propiedad</th>" +
//                    "<th>Id Persona</th>" +
//                    "<th>Id Vendedor</th>" +
		            "<th>NombreCliente 	     </th>" +
		            "<th>NombreVendedor	     </th>" +
                    "<th>FechaAtencionCita   </th>" +
                    "<th>HoraPactada 		 </th>" +
                    "<th>DireccionEncuentro  </th>" +
                    "<th>Descripcion		 </th>" +
                    "<th style=\"display:none\">IdCita</th>" +
                    "</tr></thead>";
    escritor += "<tbody>";
    //escritor += "<tbody>";

    $.each(lista, function (i, item) {
        //lista[i] es lo mismo que item

        escritor += "<tr>";

        //averiguate como era la estructura de la tabla
        escritor += '<td><input id="RadioButton1" name="R1" type="radio" value="2" style="width:30px;" /></td>';
//        escritor += '<td>' + item.IdCita + '</td>';
//        escritor += '<td>' + item.Descripcion + '</td>';
//        escritor += '<td>' + item.Lugar + '</td>';
//        escritor += '<td>' + item.FechaAtencionCita + '</td>';
//        escritor += '<td>' + item.Hora + '</td>';
//        escritor += '<td>' + item.Estado + '</td>';
//        escritor += '<td>' + item.DuracionEstimada + '</td>';
//        escritor += '<td>' + item.IdPropiedad + '</td>';
//        escritor += '<td>' + item.IdPersona + '</td>';
//        escritor += '<td>' + item.IdVendedor + '</td>';

        escritor += '<td>' + item.NombreCliente + '</td>';
        escritor += '<td>' + item.NombreVendedor + '</td>';
        escritor += '<td>' + item.FechaAtencionCita + '</td>';
        escritor += '<td>' + item.HoraPactada + '</td>';
        escritor += '<td>' + item.DireccionEncuentro + '</td>';
        escritor += '<td>' + item.Descripcion + '</td>';
        escritor += '<td style=\"display:none\">' + item.IdCita + '</td>';

        escritor += "</tr>";
    });

    //has el cierre del <tbody>

    escritor += "</toby>";

    //hay qu probar pa ver que imprime, va a salir hasta el webo porque el formato de la tabla esta mal

    escritor += "</table>";
    //PARTE MODICADA PARA USAR HOLDER
//    $("#tablaDinamica").html(escritor);

//    $("#holderBusqueda").jPages({//id del div de la paginacion
//        containerID: "tablaModificar", //cuerpo es el id del tbody de mi tabla
//        perPage: 10, // numero de filas por pagina
//        delay: 20,
//        startPage: 1, // pagina que se visualizara en la pantalla
//        midRange: 3, // rango de numeros de pagina q se muestran en el div de paginacion, aqui es dond aparecen los puntos suspensivos: 1,2,3...10
//        animation: "flipInY"
//    });

    $("#botonesSeleccion").show();

    alert("Se modifico Satisfactoriamente");
    //document.getElementById("CodigoDocumento").value = campo1;
    //CHARLIE: esto si tiene que estar si o si para poder cerrar la ventana pe weon
    $("#dialog-form").dialog("close");

}
function menuCita() {
    window.history.back();
}

function mostrarTabla() {

}


function mostrarFormRegistro() {
    $("#Registrar").show("slow");
    $("#Buscar").hide();
}

function mostrarFormBusqueda() {
    $("#Buscar").show("slow");
    $("#Registrar").hide();
}

function registrarCita() {
    //alert("xd");
    var enviarsela = {


        //Nombres:$("#Nombres").attr("value"),
        IdPropiedad: $("#IdPropiedad").attr("value"),
        Lugar: $("#Lugar").attr("value"),
        Fecha: $("#Fecha").attr("value"),
        Hora: $("#Hora").attr("value"),
        IdPersona: $("#RegTbxIdPersona").attr("value"),
        //RegTbxIdPersonaV: $("#RegTbxIdPersonaV").attr("value"),
        IdVendedor: $("#RegTbxIdVendedor").attr("value"),
        //RegTbxIdVendedorV: $("#RegTbxIdVendedorV").attr("value"),
        DuracionEstimada: $("#DuracionEstimada").attr("value"),
        Descripcion: $("#Descripcion").attr("value")

    }

    fv = new formValidator();

    if (fv.isEmpty(document.getElementById("IdPropiedad").value)) {
        document.getElementById("IdPropiedad").value = 0; //puede usarse para ayudar al usuario que tipo de codigo se puede usar
    }
    else {
        if (isNaN(document.getElementById("IdPropiedad").value)) {
            fv.raiseError("Por favor ingrese una propiedad correcta");
            document.getElementById("IdPropiedad").value = 0;
        }
    }

    if (fv.isEmpty(document.getElementById("Lugar").value) && !fv.isAlphaNumeric(document.getElementById("Lugar").value)) {
        fv.raiseError("Por favor ingrese una dirección");
    }

    if (fv.isEmpty(document.getElementById("Fecha").value) && !fv.isAlphaNumeric(document.getElementById("Fecha").value)) {
        //fv.raiseError("Por favor ingrese una fecha correcta");
        fv.raiseError("");
        document.getElementById("errorFecha").innerHTML = "Por favor ingrese una fecha correcta";
    }
    else {
        if (!fv.isEmpty(document.getElementById("Fecha").value)) {

            var cadena = $("#Fecha").val();
            var cadena2 = $("#Hora").val();
            //alert(cadena);
            var f = new Date();
            //alert(f);
            //f.setMonth(f.getMonth + 1)
            var a = cadena.split("/");
            var aa = cadena2.split(":");
            var o = parseInt(a[2]);
            var m = parseInt(a[1]) - 1;
            var d = parseInt(a[0]);
            var ho = parseInt(a[1]);
            var mi = parseInt(a[0]);

            var o1 = parseInt(f.getFullYear())
            var m1 = parseInt(f.getMonth())
            var d1 = f.getDate()
            var ho1 = parseInt(f.getHours())
            var mi1 = parseInt(f.getMinutes())
            //alert(f.getFullYear()); alert(f.getMonth()); alert(f.getDate());
            //alert(f.getMonth());
            //alert(o); alert(m); alert(d);

            if (o >= o1) {
                if (m >= m1) {
                    if (d >= d1) {
                        //alert("es la misma fecha, fecha valida");
                    }
                    else {
                        //fv.raiseError("El dia que ingreso no corresponde, se necesita una maquina del tiempo para encontrarnos3");
                        fv.raiseError("");
                        document.getElementById("errorFecha").innerHTML = "El dia que ingreso no corresponde";
                    }
                }
                else {
                    //fv.raiseError("El mes que ingreso no corresponde, se necesita una maquina del tiempo para encontrarnos2");
                    fv.raiseError("");
                    document.getElementById("errorFecha").innerHTML = "El mes que ingreso no corresponde";
                }
            }
            else {
                //fv.raiseError("El año que ingreso no corresponde, se necesita una maquina del tiempo para encontrarnos1");
                fv.raiseError("");
                document.getElementById("errorFecha").innerHTML = "El año que ingreso no corresponde";
            }
        }
    }

    if (fv.isEmpty(document.getElementById("Hora").value) && !fv.isAlphaNumeric(document.getElementById("Hora").value)) {
        fv.raiseError("Por favor ingrese una hora xx:yy");
    }

    if (fv.isEmpty(document.getElementById("DuracionEstimada").value)) {
        document.getElementById("DuracionEstimada").value = 0; //puede usarse para ayudar al usuario que tipo de codigo se puede usar
    }
    else {
        if (isNaN(document.getElementById("DuracionEstimada").value)) {
            fv.raiseError("Por favor la duracion estimada debe estar dad en minutos, ingrese la cantidad que estima durara la cita");
            document.getElementById("DuracionEstimada").value = 0;
        }
    }

    if (fv.isEmpty(document.getElementById("RegTbxIdPersona").value)) {
        document.getElementById("RegTbxIdPersona").value = 0; //puede usarse para ayudar al usuario que tipo de codigo se puede usar
    }
    else {
        if (isNaN(document.getElementById("RegTbxIdPersona").value)) {
            fv.raiseError("Por favor ingrese un documento de identidad valido");
            document.getElementById("RegTbxIdPersona").value = 0;
        }
    }

    if (fv.isEmpty(document.getElementById("RegTbxIdVendedor").value)) {
        document.getElementById("RegTbxIdVendedor").value = 0; //puede usarse para ayudar al usuario que tipo de codigo se puede usar
    }
    else {
        if (isNaN(document.getElementById("RegTbxIdVendedor").value)) {
            fv.raiseError("Por favor ingrese un documento de identidad de vendedor valido");
            document.getElementById("RegTbxIdVendedor").value = 0;
        }
    }

    if (fv.isEmpty(document.getElementById("Descripcion").value) && !fv.isAlphaNumeric(document.getElementById("Descripcion").value)) {
        fv.raiseError("Por favor ingrese el detalle de la descripción");
    }       
    if (fv.numErrors() < 1) {
        console.log(enviarsela);
        var jsonData = JSON.stringify(enviarsela);
            $.ajax({
                type: "POST",
                data: jsonData,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                url: "registrarCita",
                beforeSend: esperarRegitro,
                success: llegadaRegistro
            });
        return true;
    }
    else {
        fv.displayErrors();
        return false;
    }

}

function errorJS(data) {
    alert();
    alert("Error");
}

function esperarRegitro() {

}

function llegadaRegistro(data) {
    alert(data.me);
    $("#Registrar").hide();
}

function buscarCita() {
    //alert("hola");
    //alert("llego a la funcion de buscarCita del js");
    var enviar = {
        //IdCliente: $("#RegTbxIdPersona").attr("value"),
        IdCliente: IdCliente,
        FechaInicio: $("#FechaInicioB").val(),
        FechaFin: $("#FechaFinB").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarCita",
        beforeSend: esperarLista(),
        success: llegadaLista
    });

}
/*
function exportarCita() {
    //alert("llego a la funcion de exportarCita del js");
    var enviar = {
        IdPersona: $("#IdPersona").attr("value"),
        FechaInicio: $("#FechaInicioB").val(),
        FechaFin: $("#FechaFinB").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "exportarCita",
        beforeSend: esperarLista(),
        success: llegadaListaExportar
    });

}*/
function eliminarCita() {
    if ($("input:radio[name='R1']").is(":checked")) {
        var tIdCita, campo0;
        $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index2) {
            switch (index2) {
                case 0:
                    campo0 = $(this).text();
                    break;
                case 7:
                    tIdCita = $(this).text();
                    break;
            }
        })

        var question = confirm("Desea eliminar el objeto seleccionado");
        //alert(tIdCita);
        //alert(IdCitaB);
        if (question != 0) {
            var enviar = {
                
                IdCita: tIdCita
                
            }
            //alert(enviar.IdCitaB);
            var jsonData = JSON.stringify(enviar);

            $.ajax({
                type: "POST",
                data: jsonData,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                url: "eliminarCita",
                beforeSend: esperarEliminar(),
                success: llegadaEliminar
            });
        }
        //alert(IdCitaB);
    }
    else {
        alert("Debe seleccionar una fila");
    }

}
function esperarEliminar() {
}

function llegadaEliminar(data) {
    alert(data.me);
    buscarCita();
}

function esperarLista() {
    //alert("esperarLista....");
}
function llegadaLista(data) {
    var lista = data.listaCita; //si se cambia esto cambia elerror
    console.log(lista);
    var escritor = "";
    if ((lista + "").length > 0) {

        escritor += "<table id='resultados'>"+
                    "<thead>"+
                    "<tr>"+
                    "<th></th>"+
//                    "<th>Id Cita</th>"+
//                    "<th>Descripcion</th>"+
//                    "<th>Lugar</th>"+
//                    "<th>Fecha</th>"+
//                    "<th>Hora</th>"+
//                    "<th>Estado</th>"+
//                    "<th>Duracion Estimada</th>" +
//                    "<th>Id Propiedad</th>" +
//                    "<th>Id Persona</th>" +
        //                    "<th>Id Vendedor</th>" +
		            "<th>NombreCliente 	     </th>" +
		            "<th>NombreVendedor	     </th>" +
                    "<th>FechaAtencionCita   </th>" +
                    "<th>HoraPactada 		 </th>" +
                    "<th>DireccionEncuentro  </th>" +
                    "<th>Descripcion    	 </th>" +
                    "<th style=\"display:none\">IdCita    	 </th>" +	
                    "</tr></thead>";
        escritor += "<tbody>";
        //alert("llegue hasta aqui?");
        $.each(lista, function (i, item) {
            escritor += "<tr>";
            //se puede poner otros botones

            escritor += '<td><input id="RadioButton1" name="R1" type="radio" value="2" style="width:30px;" /></td>';
//            escritor += '<td>' + item.IdCita + '</td>';
//            escritor += '<td>' + item.Descripcion + '</td>';
//            escritor += '<td>' + item.Lugar + '</td>';
//            escritor += '<td>' + item.Fecha + '</td>';
//            escritor += '<td>' + item.Hora + '</td>';
//            escritor += '<td>' + item.Estado + '</td>';
//            escritor += '<td>' + item.DuracionEstimada + '</td>';
//            escritor += '<td>' + item.IdPropiedad + '</td>';
//            escritor += '<td>' + item.IdPersona + '</td>';
//            escritor += '<td>' + item.IdVendedor + '</td>';
            escritor += '<td>' + item.NombreCliente + '</td>';
            escritor += '<td>' + item.NombreVendedor + '</td>';
            escritor += '<td>' + item.FechaAtencionCita + '</td>';
            escritor += '<td>' + item.HoraPactada + '</td>';
            escritor += '<td>' + item.DireccionEncuentro + '</td>';
            escritor += '<td>' + item.Descripcion + '</td>';
            escritor += '<td style=\"display:none\">' + item.IdCita + '</td>';           
            escritor += "</tr>";
        });
        escritor += "</tbody>";
        escritor += "</table>";

        $("#botonModificarB").show();
        $("#botonEliminarB").show();
        
        

        $("#botonEliminarB").click(eliminarCita);

        $("#tablaDinamica").html(escritor);

        $("#botonesSeleccion").show("slow");
        if ((lista + "").length > 0) {
            //alert("hola");
            $("#holderBusqueda").jPages({//id del div de la paginacion
                containerID: "resultados", //cuerpo es el id del tbody de mi tabla
                perPage: 10, // numero de filas por pagina
                delay: 20,
                startPage: 1, // pagina que se visualizara en la pantalla
                midRange: 3, // rango de numeros de pagina q se muestran en el div de paginacion, aqui es dond aparecen los puntos suspensivos: 1,2,3...10
                animation: "flipInY"
            });
        }

    } else {

        escritor = "<p>No se encontró ninguna coincidencia</p>";
        $("#botonModificarB").hide();
        $("#botonEliminarB").hide();
        $("#tablaDinamica").html(escritor);
        //$("#NavPosicion").hide();    
    
    }

}
function llegadaListaExportar(data) {
    alert(data.me)
}
//paginacion
$(function () {
        /* initiate the plugin */
        $("#holder2").jPages({//id del div de la paginacion
            containerID: "cuerpo",//cuerpo es el id del tbody de mi tabla
            perPage: 10, // numero de filas por pagina
            delay: 20,
            startPage: 1, // pagina que se visualizara en la pantalla
            midRange: 3,// rango de numeros de pagina q se muestran en el div de paginacion, aqui es dond aparecen los puntos suspensivos: 1,2,3...10
            animation: "flipInY"
        });
});

